<template>
	<view class="body">
		<xk-header :headerbg="true" :back="true" title="关于我们"></xk-header>
		<view class="data-list">
			<view class="data-item">
				<uni-swiper-dot class="swiper-dot" :info="images" :current="index" field="content" mode="round"
					:dotsStyles="{bottom: 10, selectedBackgroundColor: '#fff'}">
					<swiper class="swiper" autoplay="true" :circular="true"
						@change="(e)=>{
							this.index = e.target.current
						}" :current="index">
						<swiper-item v-for="image of images" :key="images.indexOf(image)">
							<image class="banner-item" :src="image | formatImgPath"/>
						</swiper-item>
					</swiper>
				</uni-swiper-dot>

				<view class="info">
					<view title="title">公司简介</view>
					<text space="nbsp">{{desc}}</text>
				</view>

				<view class="info">
					<view title="title">联系方式</view>
					<view class='contact-item' @click="$util.phoneCall(phoneNumber)">
						<image mode="aspectFill" class="contact-icon" :src="(imgUrl+'/wx/phone.png')"/>
						<view>{{phoneNumber}}</view>
					</view>
					<!-- <view class='contact-item'>
						<image mode="aspectFill" class="contact-icon" src="/static/email.png"/>
						<view>KEXIN668@nami.com</view>
					</view> -->
					<view class='contact-item' @click="$util.openLocation()">
						<image mode="aspectFill" class="contact-icon" :src="(imgUrl+'/wx/aderss.png')"/>
						<view>广州市黄埔区开达路101号科学城集团总部大楼</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	let noImg = '/static/no-img.png';
	export default {
		data() {
			return {
				index: 0,
				imgUrl:this.$config.BASE_imgUrl,
				images:[
					this.$config.BASE_RES_URL + 'image/buss-contact-img1.png',
					this.$config.BASE_RES_URL + 'image/buss-contact-img2.png',
					this.$config.BASE_RES_URL + 'image/service-introduction-img1.png',
					this.$config.BASE_RES_URL + 'image/service-introduction-img2.png'
				],
				phoneNumber: "13922298554",
				desc: "      科信纳米谷产业园，位于广州黄埔区知识城中心地段内，总占地780亩，以国际一流规划、设计理念、重点打造高效节能装备制造、资源循环利用，节能综合服务3大特色板块，科学布局企业生产，产品展示、商务办公、综合配套4大园区功能。临近地铁的高级写字楼，出入方便。汇聚更行业顶尖企业加入。科信纳米谷诚邀您的加入。",
				companyInfo: {}
			};
		},
		onLoad(options) {
			this.initInfo()
		},
		methods:{
			initInfo() {
				// let query = this.$util.formatGraphqlQuery([{
				// 	fun: "companyInfo:mySelf_getMyCompany",
				// 	result:"customer_id,company_name,company_social_code,registered_capital,industry,customer_type,customer_profile,customer_user,customer_phone,address,company_website,email,unit_fax,urgent_contact,urgent_contact_phone,bank,bank_name,bank_account,invoice_type,invoice_name,invoice_phone,invoice_address"
				// }])
				// this.$util.postGraphql({query}, {
				// 	isLoading: true
				// },'wx').then((res)=>{
				// 	console.warn("公司信息：", res)
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>

.data-list{
	border-radius: 10rpx;
	height: 100%;
	padding-bottom: 30rpx;
	.data-item{
		display: flex;
		flex-direction: column;

		.swiper {
			display: flex;
			width: 100%;
			height: 562rpx;
			.banner-item {
				width: 100%;
				height: 100%;
			}
		}

		.info{
			display: flex;
			flex-direction: column;
			background-color: #FFFFFF;
			border-radius: 10rpx;
			margin: 20rpx 30rpx 0rpx 30rpx;
			padding: 20rpx;
			z-index: 1;
			font-size: 28rpx;
			color: #333;



			.title {
				font-size: 32rpx;
				margin-bottom: 10rpx;
				font-weight: bold;
			}
			>text {
				font-size: 24rpx;
				color: #666;
				margin-top: 20rpx;
			}
			.contact-item {
				display: flex;
				align-items: center;
				margin-top: 30rpx;
			}

			.contact-icon {
				width: 30rpx;
				height: 30rpx;
				margin-right: 20rpx;
			}

		}
	}
}
</style>
